<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个子博客--首页</title>
		<meta name="keywords" content="博客，第一个，024，" />
		<meta name="description" content="这是024第一个博客" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<!--<header> 头部
			<nav></nav> 导航栏
		</header>
		<aside></aside>  侧边内容
		<section></section> 主要内容
		<footer></footer>   底部
		--> 
		
		<div class="web">
			<!--头部 s-->
			  <header>
			  	<!--图片 s-->
			  	<div >
			  		<img src="img/a.jpg"/>
			  	</div>
			  	<!--图片 e-->
			  	<!--导航栏 s-->
			  	<nav>
			  		<a href="">首页</a>
			  		<a href="">心情日记</a>
			  		<a href="">Free</a>
			  		<a href="">一起走到</a>
			  		<a href="">从明天起</a>
			  		<a href="">纸飞机</a>
			  		<a href="">下一站</a>
			  	</nav>
			  	<!--导航栏 e-->
			  </header>
			  <!--头部 e-->
			  <!--中心内容 s-->
			  <section>
			  	<!--侧边内容 s-->
			  	 <aside>
			  	 	<div >
			  	 		<img src="img/3.jpg" />
			  	 	</div>
			  	 	
			  	 	<p>我的日记本</p>
			  	 	<br />
			  	 	<span>他们彼此深信，是瞬间的热情让他们相遇。这样的确定是美丽的，但变化无常更为美丽。</span>
			  	 	<br />
			  	 	<div >
			  	 		<img src="img/4.jpg"/>
			  	 	</div>
				 	<p>心情轨迹</p>
			  	 	<br />
			  	 	<span>懂事长的一切都让人即羡慕又忌妒，但更让人受不了的是，有一天，上苍忽然赐给他的一个神奇的礼物......</span>
			  	 </aside>
			  	 <!--侧边内容 e-->
			  	 <!--right s-->
			  	 <div class="right">
			  	 	<div class="text" >
			  	 		<a href="">介绍</a>
			  	 	</div>
			  	 	<p class="p1">我努力的抓紧世界，最后却仍被世界淘汰，如果一开始就松手，我会不那么伤心吗？你说，亲爱的孩子，世事难料，随它去把！</p>
			  	 	<div class="text" >
			  	 		<a href="">照相本子</a>
			  	 	</div>
			  	 	<p>关于童年，你记住了什么？<br />
			  	 	   两岁时，我拥有一只巨大的粉红猪，它总在我嚎啕大哭时逗我笑。<br />
			  	 	   三岁时，我骑着小木马一路摇到外婆家，它不喝水也不吃草。<br />
			  	 	   四岁时，我离家出走，在公车上睡着了，最后是太空超人送我回家。<br />
			  	 	   我真的没骗你，我通通都记得，还有照片为证。
			  	 	</p>
			  	 	<div class="text" >
			  	 		<a href="">地下铁</a>
			  	 	</div>
			  	 	<p>天使在地下铁的入口，<br />
			  	 	   和我说再见的那一年，<br />
			  	 	 我渐渐看不见了。<br />
			  	 	 十五岁生日的那年秋天早晨，<br />
			  	 	 窗外下着毛毛雨，<br />
			  	 	 我喂好我的猫。<br />
			  	 	 六点零五分，<br />
			  	 	 我走进地下铁。<br />
			  	 	</p>
			  	 	<div class="text" >
			  	 		<a href="">向左走向右走</a>
			  	 	</div>
			  	 	<p>They're both convinced<br />
			  	 	that a sudden passion joined them.<br />
			  	 	Such certainth is beautiful,<br />
				  	 	but uncertainty is more beautiful still.<br />
				  	 	</p>

			  	 </div>
			  	 <!--right e-->
			  </section>
			  <!--中心内容 e-->
			  <!--底部 s-->
			  <footer class="foot">
			  	 <span>&copy; 著作权/melon</span>	
			  	 <a href="">有问题请联系我们</a>
			  </footer>
			  	<!--底部 e-->
		</div> <!--class="web" end-->
	</body>
</html>